<template>
    <div class="footer-service clearfix">
        <ul>
            <li><em class="iconfont-tool"></em> 预约维修服务</li>
            <li><em class="iconfont-circle-7"></em>7天无理由退货</li>
            <li><em class="iconfont-circle-15"></em>15天免费换货</li>
            <li><em class="iconfont-gift"></em>满99元包邮</li>
            <li><em class="iconfont-location"></em>520余家售后网点</li>
        </ul>
    </div>
</template>

<script>
    export default {
        name: "ServiceBar"
    }
</script>

<style scoped lang="scss">
    @import "../../resource/scss/config";

    .footer-service{
        width: 1226px;
        padding: 27px 0;
        margin: 0 auto 40px;
        border-bottom: 1px solid #e0e0e0;
        ul{
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            font-size: 16px;
            li{
                flex: 1;
                border-right: 1px solid #e0e0e0;
                text-align: center;
                em{
                    margin-right: 6px;
                    line-height: 24px;
                    vertical-align: -4px;
                    font-size: 24px;
                }
                transition: all .2s;
                &:hover{
                    color: $colorA;
                    cursor: pointer;
                }
                &:last-child{
                    border-right: none;
                }
            }
        }
    }
</style>